<form id="FormularioAloj">
<!-- el css se indica dentro del index.html que lo llama como style en head -->

  <!--indicar que los alojamientos tienen que estar a menos de 40km de la ruta 
  y que deben admitir perros de todos los tamaños-->
  <label style="font-size:1.2rem; display:block"><b>Nombre del Alojamiento</b></label>
  <input type="text" id="nombreAlojNew" placeholder="Nombre del Alojamiento" style="font-weight:bold; width:450px; margin:0.7rem auto; display:block; font-size:1.2rem" />
  
<!-- en IE9 y anteriores se ve como input text -->
<!-- rellenar la lista con lo que ya haya en la BBDD -->
<!--<input list="alojs" name="nombreAlojNew">
<datalist id="browsers">
  <option value="Internet Explorer">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
  <option value="Safari">
</datalist>-->
<!--con autocomplete en jquery array.push? incluido enlace en webrutas del que mola-->


  <!--campo obligatorio, que se cargue para ver si existe-->
  <div id="numPerrosPerm">
    ¿Cuántos perros admiten por estancia?
    <div style="clear:both"></div>
    <div class="opc1dog">
      <input type="radio" id="selec1dog" name="numPerroAlojNew" value="1" name="" />
      <label for="selec1dog"></label>
      <p style="border:1px solid blue; position:absolute;top:50px">1 perro</p>
    </div>
    <div class="opc2dog">
      <input type="radio" id="selec2dog" name="numPerroAlojNew" value="1" name="" />
      <label for="selec2dog"></label>
      <p style="border:1px solid blue;">varios <br />perros</p>
    </div>
  </div>

  <div style="border:1px solid green; width:300px; float:right">
    <label for="tarifaAlojNew">¿Cuánto cuesta?</label><br />
    <input type="radio" name="tipoSuplAlojNew" id="tarifaGratis" /><label for="tarifaGratis">GRATIS</label><br />
    <input type="radio" name="tipoSuplAlojNew" id="tarifaSupl" /><label for="tarifaGratis">Con Suplemento</label>
    <div style="float:right; margin-right:0.6rem; margin-top:0.6rem">
     <input type="text" id="tarifaAlojNew" placeholder="00" size="2" maxlength="2" />
     € 
     <select>
      <option>perro/dia</option>
      <option>perro/estancia</option>
      <option>todos los perros/dia</option>
      <option>todos los perros/estancia</option>
     </select>
    </div>
  </div>
  <!--alguno de los 3 datos de contacto deben ser obligatorios-->
  <input type="text" id="tfnoAlojNew" placeholder="987654321" maxlenght="9" />
  <input type="text" id="webAlojNew" placeholder="www.example.com" />
  <input type="text" id="mailAlojNew" placeholder="mail@example.com" />
</form>